<%@page import="modelo.servicio.Pasos"%>
<%@page import="modelo.dominio.Paso"%>
<%@page import="java.util.List"%>
<%@page import="modelo.servicio.Eventos"%>
<%@page import="modelo.dominio.Evento"%>
<%  String clvp = request.getParameter("clvp");
    String clvf = request.getParameter("clvf");
    String clve = request.getParameter("clve");
    Evento evento = null;
    if (!(clvp.equals("") || clvf.equals("") || clve.equals("")) ) {
        evento = Eventos.instancia().porClave(clvf, clvp, clve);
        if (evento != null) { 
        List<Paso> pasos = Pasos.instancia().delFlujo(clvf); %>
        <p class="ui-state-active ui-corner-top">Editar Evento: <%=clve%></p>
        <form action="even" id="frm_ed_evento" method="post">
            <table>
                <tr>
                    <td>
                        <input type="hidden" name="clvf" value="<%=clvf%>"/>
                        <input type="hidden" name="clvp" value="<%=clvp%>"/>
                        <input type="hidden" name="ac" value="ed"/>
                        <strong>Clave: </strong>
                    </td>
                    <td><input type="text" name="txt_clave" readonly="readonly" size="10" value="<%=clve%>"/></td>
                </tr>
                <tr>
                    <td><font color="red">*</font> <strong>Descripci&oacute;n: </strong></td>
                    <td><input type="text" name="txt_descripcion" maxlength="100" size="30" 
                               value="<%=evento.getDescripcion()%>"
                               onblur="recortar('txt_descripcion');"/></td>
                </tr>
                <tr>
                    <td><strong>Descripci&oacute;n Corta: </strong></td>
                    <td>
                        <input type="text" name="txt_desc_corta" maxlength="15" size="20" 
                               value="<%=evento.getDescripcionCorta()%>" 
                               onblur="recortar('txt_desc_corta');"/>
                    </td>
                </tr>
                <tr>
                    <td>
                        <strong>Requiere Causa: </strong>&nbsp;&nbsp;&nbsp;
                        <input type="checkbox" name="ckb_causable" <%=evento.isCausable() ? "checked='checked'" : ""%>/>
                    </td>
                    <td id="tipo_causa">
                        <input type="radio" id="aprob" name="rdb_tipo_causa" value="AP" <%=evento.getTipoCausa().equalsIgnoreCase("AP") ? "checked='checked'" : ""%>/>
                        Aprobaci&oacute;n
                        <input type="radio" name="rdb_tipo_causa" value="RZ" <%=evento.getTipoCausa().equalsIgnoreCase("RZ") ? "checked='checked'" : ""%>/>
                        Rechazo
                    </td>
                </tr>
                <tr>
                    <td><strong>Tipo Aprobaci&oacute;n: </strong></td>
                    <td>
                        <label>
                            <input type="radio" name="rdb_tipo_apro" value="U" <%=evento.getTipoAprobacion().equalsIgnoreCase("U") ? "checked='checked'" : ""%>/>
                            &Uacute;nica&nbsp;&nbsp;
                        </label>
                        <label>
                            <input type="radio" name="rdb_tipo_apro" value="T" <%=evento.getTipoAprobacion().equalsIgnoreCase("T") ? "checked='checked'" : ""%>/>
                            Todos&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        </label>
                        <label>
                            <input type="radio" id="tipo_numerico" name="rdb_tipo_apro" value="N" <%=evento.getTipoAprobacion().equalsIgnoreCase("N") ? "checked='checked'" : ""%>/>
                            Num&eacute;rica
                        </label>
                    </td>
                </tr>
                <tr id="no_aprob">
                    <td><font color="red">*</font> <strong>No. de aprobadores: </strong></td>
                    <td><input type="text" name="txt_aprobadores" size="10" maxlength="8" 
                               value="<%=evento.getAprobadores()%>" 
                               onkeyup="digito('txt_aprobadores');"/></td>
                </tr>
                <tr>
                    <td><font color="red">*</font> <strong>Siguiente: </strong></td>
                    <td>
                        <select name='cmb_paso1'>
                            <% for (Paso pa : pasos) {%>
                            <option value="<%=pa.getClave()%>" <%=evento.getSiguiente().getClave().equalsIgnoreCase(pa.getClave()) ? "selected" : ""%>>
                                <%=pa.getClave() + " - " + pa.getDescripcionCorta() %>
                            </option>
                            <% } %>
                        </select>
                    </td>
                </tr>
                <% if (evento.getOrigen().getFlujo().isValidaMonto()) { %>
                <tr>
                    <td><font color="red">*</font> <strong>Siguiente por Monto: </strong></td>
                    <td>
                        <select name='cmb_paso2'>
                            <% for (Paso pa : pasos) { %>
                            <option value="<%=pa.getClave()%>" <%=evento.getSiguienteMonto() != null 
                                                               && evento.getSiguienteMonto().getClave().equalsIgnoreCase(pa.getClave()) 
                                                                ? "selected" : ""%>>
                                <%=pa.getClave() + " - " + pa.getDescripcionCorta()%>
                            </option>
                            <% } %>
                        </select>
                    </td>
                </tr>
                <% } %>
                <tr>
                    <td><strong>Valida Forzosos: </strong></td>
                    <td>
                       <input type="checkbox" name="ckb_forzosos" <%=evento.isValidaForzosos()? "checked='checked'" : ""%>/>
                    </td>
                </tr>
                <tr>
                    <td>
                        <button type="reset" class="btn_regresar" title="Regresar a los Flujos">Regresar</button>
                    </td>
                    <td>
                        <button type="submit" class="btn_guardar" title="Guardar el Evento">Guardar</button>
                    </td>
                </tr>
            </table>
        </form> <%
        } else {
            out.println("No se encuentra el evento");
        }
    } else {
        out.println("La clave del Evento no es valida. " + clvp);
    }
%>
<script type='text/javascript'>
    $(document).ready(function() {
        var causable = $("input[name=ckb_causable]").is(':checked');
        var tipoNumerico = $("#tipo_numerico").is(':checked');
        $(".btn_regresar").button({
            icons: {primary: "ui-icon-arrowreturnthick-1-w"}
        });
        $(".btn_guardar").button({
            icons: {primary: "ui-icon-disk"}
        });
        $(".btn_regresar").click(function() {
            charge('#ui-tabs-4', 'front?v=4&ac=1&clvf=' + $("input[name=clvf]").val() + '&clvp=' + $("input[name=clvp]").val());
        });
        $("#frm_ed_evento").submit(function() {
            $.post('even', $("#frm_ed_evento").serialize(), function(data) {
                $("#ui-tabs-4").html(data);
            });
            $("#ui-tabs-4").html('<p><img src="images/loading.gif" /><br/>Guardando...</p>');
            return false;
        });
        $('input[name=ckb_causable]').click(function() {
            if ($(this).is(':checked')) {
                $('#tipo_causa').show();
            } else {
                $('#tipo_causa').hide();
            }
        });
        $('input[name=rdb_tipo_apro]').click(function() {
            var tipo = $(this).val();
            if (tipo != 'N') {
                $('#no_aprob').hide();
            } else {
                $('#no_aprob').show();
            }
        });
        if (!causable) {
            $('#tipo_causa').hide();
        }
        if (!tipoNumerico) {
            $('#no_aprob').hide();
        }
    });
</script>
